---
title: custom-toast
subTitle: 使用Vue.extent 实现函数式组件
---
<template>
  <div>
    <el-button @click="clickHandle">open toast</el-button>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
  },
  data() {
    return {
    }
  },
  computed: {
  },
  methods: {
    clickHandle() {
      this.$customToast.success({
        content: 'hhhhhh',
        duration: 1000
      })
    }
  },
  created() {
  },
  mounted() {
  }
}
</script>
<style lang="scss" scoped>
</style>